<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0110)http://blog.ugm.ac.id/2010/04/22/analisa-sistem-perangkat-lunak-berbasis-web-yang-menggunakan-google-maps-api/ -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"><head profile="http://gmpg.org/xfn/11"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<title>
  Analisa Sistem / Perangkat Lunak berbasis Web yang menggunakan Google Maps API : Blog.ugm.ac.id</title>


<link rel="stylesheet" href="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/style.css" type="text/css" media="screen">
<!-- start theme options sync - using php to fetch theme option are deprecated and replace with style sync -->
<style type="text/css" media="screen">
body {
font-family: Lucida Grande, Lucida Sans, sans-serif !important;
}

h1,h2,h3,h4,h5,h6 {
font-family: Lucida Grande, Lucida Sans, sans-serif !important;
}

#custom-img-header {
height: 150px !important;
}





































</style><!-- end theme options sync -->



<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://blog.ugm.ac.id/feed/">
<link rel="alternate" type="text/xml" title="RSS .92" href="http://blog.ugm.ac.id/feed/rss/">
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://blog.ugm.ac.id/feed/atom/">



<link rel="pingback" href="http://blog.ugm.ac.id/xmlrpc.php">
<link rel="icon" href="http://blog.ugm.ac.id/wp-content/themes/bp-social/favicon.ico" type="images/x-icon">



<style type="text/css" media="screen">body { padding: 0px !important; margin: 0px !important; }
</style>

<script type="text/javascript" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/iepngfix_tilebg.js"></script>
<script type="text/javascript" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/drop_down.js"></script>


<script type="text/javascript" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/swfobject.js"></script>
<script type="text/javascript" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/comment-reply.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://blog.ugm.ac.id/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://blog.ugm.ac.id/wp-includes/wlwmanifest.xml"> 
<link rel="index" title="Blog.ugm.ac.id" href="http://blog.ugm.ac.id/">
<link rel="start" title="Unified Modelling Language (UML)" href="http://blog.ugm.ac.id/2010/04/22/unified-modelling-language-uml/">
<link rel="prev" title="Seri 4. Aplikasi “Yogyakarta Higher Education Locator (YogHELo)”" href="http://blog.ugm.ac.id/2010/04/22/seri-4-aplikasi-yogyakarta-higher-education-locator-yoghelo/">
<link rel="next" title="Sequence diagram SIP Kota Palembang" href="http://blog.ugm.ac.id/2010/04/22/sequence-diagram-sip-kota-palembang/">
<meta name="generator" content="WordPress 3.0.5">
<link rel="canonical" href="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id.htm">
<link rel="shortlink" href="http://blog.ugm.ac.id/?p=6114">


<link rel="stylesheet" href="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/global-adminbar.php" type="text/css" media="screen">
<script type="text/javascript" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/anti-captcha-0.2.js.php"></script>
<script type="text/javascript"><!--
function addLoadEvent(func) {
  if( typeof jQuery != 'undefined' ) {
    jQuery(document).ready( func );
  } else if( typeof Prototype != 'undefined' ) {
    Event.observe( window, 'load', func );
  } else {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
      window.onload = func;
    } else {
      window.onload = function() {
        if (oldonload)
          oldonload();
        
        func();
      }
    }
  }
}
function wphc(){
	var wphc_data = [1975367643,2025630665,2124658077,2041617886,1655091920,1845160664,1671931855,586394831,619050377,635826317,652932502,786824075,669116804,669250184,603519882,551746445,637074062,602600580,670626958,803336847,1038872969,787149711,1038875533,619117198,586741387,669054095,670626955,652276108,652994955,1038152836,585299081,787212677,1038546575,635826572,620295055,1038480013,786757519,652339589,1038152325,652275852,551613334,1038480790,1038152584,569963404,568387982,804845462,620296854,1643364230,1236314829,1723772382,1052161736,921958804]; 

	for (var i=0; i<wphc_data.length; i++){
		wphc_data[i]=wphc_data[i]^382976701;
	}

	var a = new Array(wphc_data.length); 
	for (var i=0; i<wphc_data.length; i++) { 
		a[i] = String.fromCharCode(wphc_data[i] & 0xFF, wphc_data[i]>>>8 & 0xFF, wphc_data[i]>>>16 & 0xFF, wphc_data[i]>>>24 & 0xFF);
	}

	return eval(a.join('')); 
}
addLoadEvent(function(){var el=document.getElementById('wphc_value');if(el)el.value=wphc();});
//--></script>

<!-- Protected by WP-SpamFree v2.1.1.2 :: JS BEGIN -->
<script type="text/javascript" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/wpsf-js.php"></script> 
<!-- Protected by WP-SpamFree v2.1.1.2 :: JS END -->



<!--[if IE 6]>
<style type="text/css">
#custom #top-header {
background: #bcc7dd url(http://blog.ugm.ac.id/wp-content/themes/bp-social/_inc/images/spacer.gif) no-repeat top !important;
}
div.item-avatar img { width: auto; height: auto; }
</style>
<![endif]-->




<style type="text/css" media="all">#custom #home-left #box-left {
width: 100% !important; padding: 0px !important; margin: 0px !important;
}
</style>
<style type="text/css" media="all">#post-entry {
width: 655px !important;
padding-right: 15px;
border-right: 1px solid #ddd;
}
</style>



</head>

<body class="single single-post postid-6114 chrome" id="custom">


<div id="top-bar">
<div class="content-wrap">
<div id="userbar">

<div id="htop">
<div id="optionsbar">

<ul id="options-nav">
</ul>



</div>

<div id="home-logo">
<h1><a href="http://blog.ugm.ac.id/">Blog.ugm.ac.id</a></h1>
<p>Catatan sehari-hari warga UGM</p>
</div>

</div>



<ul id="nav">
<li class="page_item page-item-20598"><a href="http://blog.ugm.ac.id/pengenalan/" title="Panduan Menggunakan Blog UGM">Panduan Menggunakan Blog UGM</a></li>
</ul>




</div>
</div>
</div>


<div id="top-header">
<div class="content-wrap">
<div class="home-featured-code">

<div id="img-code" class="feat-img"><img src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/header.jpg" alt="header" height="264"></div>



</div>


<div class="home-intro">
<h1>
Selamat datang di blog.ugm.ac.id</h1>
<p>silahkan berbagi pengetahuan kepada dunia. Mulailah menulis hari ini, Silahkan login menggunakan account email ugm anda. <br><a href="http://blog.ugm.ac.id/wp-login.php">Klik disini untuk login»</a></p>
nama blog anda akan menyesuaikan seperti nama username email<!--
<form name="login-form" id="login-form" action="http://blog.ugm.ac.id/wp-login.php" method="post">
<h3>Already a member?</h3>
<input type="text" name="log" id="user_login" value="Username" onfocus="if (this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" />
<input type="password" onblur="if (this.value == '') {this.value = 'password';}" onfocus="if (this.value == 'password') {this.value = '';}" value="password" class="input" id="user_pass" name="pwd"/>
<input type="submit" name="wp-submit" id="wp-submit" value="Log In"/>

<input type="button" name="signup-submit" id="signup-submit" value="Sign Up" onclick="location.href='http://blog.ugm.ac.id/wp-login.php?action=register'" />
<input type="hidden" name="redirect_to" value="http://blog.ugm.ac.id" />

<input type="hidden" name="testcookie" value="1" />
<p class="small"><input type="checkbox" name="rememberme" id="rememberme" value="forever" title="Remember Me" />Remember Me</p>
</form>
-->

</div>
</div>
</div>


<div id="wrapper">


<div id="container">








<div class="content">


<div id="post-entry">





<div class="post-6114 post type-post hentry category-computer-science" id="post-6114">


<div class="post-meta">
<div class="post-avatar">
<img alt="" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/a62c554155e959ebcea3c9c172359948" class="avatar avatar-32 photo" height="32" width="32"></div>

<div class="post-info">
<h1 class="post-title">Analisa Sistem / Perangkat Lunak berbasis Web yang menggunakan Google Maps API</h1>
<p>22 April, 2010&nbsp;&nbsp;&nbsp;<br>Published by  <a href="http://blog.ugm.ac.id/author/standy/" title="Posts by standy">standy</a> in <a href="http://blog.ugm.ac.id/category/computer-science/" title="View all posts in Computer Science" rel="category tag">Computer Science</a></p>
</div>
</div>

<div class="post-content">
<p><span id="more-6114"></span><br>
</p>
<h4 style="text-align: justify"><strong>2. Dengan Sequence Diagram</strong></h4>
<p style="text-align: justify"><strong><br>
</strong></p>
<p style="text-align: justify"><a href="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/SequenceDiagram1.png" target="_blank"><img class="alignnone size-full wp-image-71" title="SequenceDiagram" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/SequenceDiagram1.png" alt="" width="516" height="420"></a></p>
<p style="text-align: justify"><em>Klik pada gambar untuk melihat ukuran sebenarnya (lakukan zoom)  ataupun untuk mendownloadnya (klik kanan =&gt; save image).</em></p>
<p style="text-align: justify">Sequence Diagram adalah diagram yang menunjukkan interaksi antar aspek (pengguna maupun sistem) terhadap waktu. Tujuan utama dari penggunaan diagram sequence adalah untuk menunjukkan interaksi diantara objek – objek, jadi kita harus berpikir dua kali sebelum menaruh <em>self message (pemanggilan ke diri sendiri)</em> ke dalam diagram. Karena itu saya, membuang self message dari diagram sequence di atas.</p>
<p style="text-align: justify">Didalam aplikasi ini, objek-objek&nbsp; yang terlibat adalah pengguna, web browser, web server, Google Maps server, dan Google Maps Database.</p>
<p style="text-align: justify">Proses pertama yang terjadi adalah pengguna membuka halaman situs, dan bentuk awal peta akan langsung di-load. Proses ini akan dijalankan oleh&nbsp; web server yang akan mengirimkan&nbsp; request&nbsp; ke&nbsp; Google Maps&nbsp; server.&nbsp; Google Maps server akan mengembalikan data dan link yang diminta. Web server akan kembali memproses link tersebut untuk selanjutnya di kirimkan ke web browser untuk di-compile.</p>
<p style="text-align: justify">Proses selanjutnya terjadi di saat pengguna memilih objek yang&nbsp; ingin dilihat. Saat pengguna menentukan pilihannya,&nbsp; web browser akan memproses pilihan tersebut ke web server dimana terjadi hubungan dengan database XML. Data dari XML yang antara lain berisi lokasi koordinat yang diperlukan akan dikirim ke&nbsp; Google Maps&nbsp; server. Setelah mendapat data yang diperlukan dari database-nya, data tersebut dikembalikan ke&nbsp; web server, untuk selanjutnya bersama data lain yang terdapat pada XML ditampilkan pada web browser.</p>
<p style="text-align: justify">Secara global, Arsitektur dari Web yang menggunakan Google Maps API, adalah sebagai berikut :</p>
<h4 style="text-align: justify"><strong>USER &lt;——-&gt; WEB INTERFACE &lt;——-&gt; WEB SERVER &lt;——-&gt; GOOGLE MAPS WEB SERVER + DATABASE</strong></h4>
<p style="text-align: justify">=======================================================</p>
<h3 style="text-align: justify"><strong>Requirement Sistem / Perangkat Lunak</strong></h3>
<p style="text-align: justify">Dari sebuah rancangan, kita bisa melihat requirement yang ada di dalam sistem.</p>
<p style="text-align: justify">Requirement tidak hanya ditulis oleh pembangun, tapi sebelumnya justru ditulis oleh klien yang memesan software. Klien menuliskan requirement dalam bentuk yang masih abstrak tentang kebutuhannya. Kemudian requirement tersebut diserahkan kepada tim pembangun. Saat sudah ada persetujuan pembangun pun kemudian menuliskan kemampuan sistem yang bisa dipahami oleh klien, inipun disebut requirement.</p>
<p style="text-align: justify"><strong>Definisi </strong></p>
<p style="text-align: justify">Requirement adalah gambaran dari layanan (services) dan batasan bagi sistem yang akan dibangun. Atau requirement adalah pernyataan/gambaran pelayanan yang disediakan oleh sistem, batasan-batasan dari sistem dan bisa juga berupa definisi matematis fungsi-fungsi sistem.</p>
<p style="text-align: justify"><strong>Requirement berfungsi ganda yaitu:</strong><br>
•&nbsp; Menjadi dasar penawaran suatu kontrak –&gt; harus terbuka untuk masukan<br>
•&nbsp; Menjadi dasar kontrak –&gt; harus didefinisikan secara detil</p>
<p style="text-align: justify">Proses menemukan, menganalisis, mendokumentasikan dan pengujian layanan-<br>
layanan dan batasan tersebut disebut <em>Requirement Engineering</em>.</p>
<p style="text-align: justify"><strong>Pengumpulan requirement</strong><br>
-&nbsp; Interviews : Memberi informasi yang terbaik,mahal<br>
-&nbsp; Questionnaires : Bagus jika banyak orang terlibat dan tersebar, respon cenderung kurang baik<br>
-&nbsp; Observation : Akurat jika dilakukan dengan baik, mahal<br>
-&nbsp; Searching : Informasi terbatas, cenderung tidak menampilkan hal-hal yang mungkin jadi masalah</p>
<p style="text-align: justify"><strong>Masalah yang mungkin terjadi dalam pendefinisian requirement adalah :</strong></p>
<p style="text-align: justify">•&nbsp; Sulit mengantisipasi efek dari sistem baru terhadap organisasi</p>
<p style="text-align: justify">•&nbsp; Beda user, beda pula requirement dan prioritasnya – terpengaruh cara atau gaya kerja</p>
<p style="text-align: justify">•&nbsp; End-user sistem, dan organisasi yang membiayai sistem berbeda requirement</p>
<p style="text-align: justify">•&nbsp; Prototype sering dibutuhkan untuk menjelaskan requirement</p>
<p style="text-align: justify">•&nbsp; Masalah perbedaan bahasa alami</p>
<p style="text-align: justify"><strong>Software system requirement sering dibedakan dalam 3 katagori yaitu Functional requirement, Non Functional requirement dan domain requirement dengan masing-masing penjelasannya sebagai berikut :</strong></p>
<p style="text-align: justify"><strong>1.&nbsp; Functional Requirement :</strong><br>
Merupakan penjelasan tentang layanan yang perlu disediakan oleh sistem, bagaimana sistem menerima dan mengolah masukan, dan bagaimana sistem mengatasi situasi-situasi tertentu. Selain itu kadang-kadang juga secara jelas menentukan apa yang tidak dikerjakan oleh sistem. Functional requirement menggambarkan system requirement secara detil seperti input, output dan pengecualian yang berlaku.</p>
<p style="text-align: justify"><strong>Contoh dalam kasus peminjaman buku di perpustakaan :</strong></p>
<p style="text-align: left">•&nbsp; Pengguna bisa mencari semua informasi tentang buku atau bisa memilih salah satu dari informasi tentang buku<br>
•&nbsp; Semua peminjam memiliki pengenal yang unik<br>
•&nbsp; Sistem mampu catat transaksi peminjaman, pengembalian dan denda secara lengkap<br>
•&nbsp; Hari libur bisa di-set sejak awal, dan bisa menerima perubahan dengan otoritas khusus<br>
•&nbsp; Harus komplit ( kebutuhan layanan jelas dan lengkap) dan konsisten (tidak kontradiksi dengan yang didefinisikan)</p>
<p style="text-align: justify"><strong>Masalah yang mungkin terjadi dalam menyusun functional requirement adalah :</strong></p>
<p style="text-align: left">1.&nbsp; Diintepretasikan/diartikan berbeda oleh user atau developer<br>
2.&nbsp; Hasil intepretasi sering tidak menjawab kebutuhan klien<br>
3.&nbsp; Untuk sistem yang besar, kelengkapan kebutuhan dan konsisten sulit dicapai karena kerumitan sistem<br>
4.&nbsp; Perlu analisis yang dalam dan menyeluruh untuk mengurangi kesalahan</p>
<p style="text-align: justify"><strong>2.&nbsp; Non-functional Requirement :</strong><br>
Secara umum berisi batasan-batasan pada pelayanan atau fungsi yang disediakan oleh sistem. Termasuk di dalamnya adalah batasan waktu, batasan proses pembangunan, standar-standar tertentu.</p>
<p style="text-align: justify"><a href="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/nonfunctional.jpg" target="_blank"><img class="alignnone size-full wp-image-76" title="nonfunctional" src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/nonfunctional.jpg" alt="" width="508" height="260"></a></p>
<p style="text-align: justify"><em> Cakupan dari Non-Functional requirement </em></p>
<p style="text-align: justify">Karena berkaitan dengan kebutuhan sistem secara keseluruhan,maka kegagalan memenuhi kebutuhan jenis ini berakibat pada sistem secara keseluruhan. Contoh kebutuhan jenis ini adalah kecepatan akses, keamanan data, besarnya kapasitas penyimpanan yang diperlukan, privasi masing-masing profil /account, bahasa pemrograman yang digunakan, sistem operasi yang digunakan.</p>
<p style="text-align: justify"><strong>Sesuai dengan gambar di atas, non functional requirement dibagi menjadi 3 tipe yaitu :</strong></p>
<p style="text-align: left"><strong><em>1. </em></strong><strong><em>Product requirement </em></strong> berkaitan dengan kehandalan, kecepatan, kemudahan digunakan, kapasitas memori yang dibutuhkan dan efisiensi sistem</p>
<p style="text-align: left"><em><strong>2. </strong></em><strong><em>Organisational requirement</em></strong> berkaitan dengan standar, bahasa pemrograman dan metode rancangan yang digunakan.</p>
<p style="text-align: left"><strong>3. </strong><strong><em>External requirement</em></strong> berkaitan dengan masalah etika penggunaan, interoperabilitas dengan sistem lain, legalitas, dan privasi.</p>
<p style="text-align: justify">
</p><p style="text-align: justify"><strong>3.&nbsp; Domain requirement :</strong><br>
Berasal dari domain aplikasi sistem. Misalnya karena masalah hak cipta maka beberapa dokumen dalam perpustakaan tidak boleh diakses oleh orang lain yang tidak berhak.</p>
<p style="text-align: justify">
</p><p style="text-align: justify"><strong>### Dari aplikasi web (sistem) yang saya buat, maka saya dapat mendefinisikan requirement yang ada pada sistem tersebut.</strong></p>
<p style="text-align: justify"><strong>1. Functional Requirement</strong></p>
<p style="text-align: justify">- Melakukan pencarian peta yang diinginkan oleh user.</p>
<p style="text-align: justify">- Menampilkan peta yang dicari, baik dengan mode map, satellite, ataupun hybrid.</p>
<p style="text-align: justify">- Melakukan navigasi / pergeseran lokasi pada peta yang ditampilkan.</p>
<p style="text-align: justify">- Melakukan zoom in/out pada peta yang ditampilkan.</p>
<p style="text-align: justify"><strong>2. Non – Functional Requirement</strong></p>
<p style="text-align: justify">- Melakukan perbaikan desain ataupun konten pada web. (Usability)</p>
<p style="text-align: justify">- Melakukan perbaikan pada bugs yang ditemukan, ataupun celah keamanan yang bisa digunakan oleh cracker. (Reliability, Security)</p>
<p style="text-align: justify"><strong>3. Domain Requirement</strong></p>
<p style="text-align: justify">- Karena masalah keamanan dan kerahasiaan, Google Maps API yang dipasang pada web tidak bisa (dilarang) untuk menampilkan peta lokasi dari daerah / wilayah pangkalan militer yang dimiliki suatu negara.</p>
<p style="text-align: justify">=======================================================</p>
<h3 style="text-align: justify"><strong>Pengujian Sistem / Perangkat Lunak</strong></h3>
<p style="text-align: justify">Adalah elemen kritis dari jaminan kualitas perangkat lunak dan  merepresentasikan kajian pokok dari spesifikasi, desain, dan pengkodean.</p>
<p style="text-align: justify">Sejumlah aturan yang berfungsi sebagai sasaran pengujian pada  perangkat lunak adalah:</p>
<ol style="text-align: justify">
<li>Pengujian adalah proses eksekusi suatu program dengan maksud  menemukan kesalahan</li>
<li>Test case yang baik adalah test case yang memiliki probabilitas  tinggi untuk menemukan kesalahan yang belum pernah ditemukan sebelumnya</li>
<li>Pengujian yang sukses adalah pengujian yang mengungkap semua  kesalahan yang belum pernah ditemukan sebelumnya</li>
</ol>
<p style="text-align: justify">Sasaran utama desain test case adalah untuk mendapatkan  serangkaian pengujian yang memiliki kemungkinan tertinggi di dalam  pengungkapan kesalahan pada perangkat lunak. Untuk mencapai sasaran  tersebut, digunakan 4 kategori yang berbeda dari tehnik desain test  case: Pengujian white-box, pengujian black-box, Integrasi  Bottom-Up dan Integrasi Top-Down.</p>
<p style="text-align: justify"><strong>Pengujian white-box</strong> berfokus pada struktur  control program. Test case dilakukan untuk memastikan bahwa semua  statemen pada program telah dieksekusi paling tidak satu kali selama  pengujian dan bahwa semua kondisi logis telah diuji. Pengujian basic  path, tehnik pengujian white-box, menggunakan grafik (matriks grafiks)  untuk melakukan serangkaian pengujian yang independent secara linear  yang akan memastikan cakupan.</p>
<p style="text-align: justify">Pengujian aliran data dan kondisi lebih lanjut menggunakan logika  program dan pengujian loop menyempurnakan tehnik white-box yang lain  dengan memberikan sebuah prosedur untuk menguji loop dari tingkat  kompleksitas yang bervariasi. Pengujian black-box didesain untuk  mengungkap kesalahan pada persyaratan fungsional tanpa mengabaikan kerja  internal dari suatu program.</p>
<p style="text-align: justify"><strong>Teknik pengujian black-box </strong>berfokus pada  domain informasi dari perangkat lunak, dengan melakukan test case dengan  menpartisi domain input dari suatu program dengan cara yang memberikan  cakupan pengujian yang mendalam.</p>
<p style="text-align: justify">Metode pengujian graph-based mengeksplorasi hubungan antara dan  tingkah laku objek-objek program. Partisi ekivalensi membagi domain  input ke dalam kelas data yang mungkin untuk melakukan fungsi perangkat  lunak tertentu. Analisis nilai batas memeriksaa kemampuan program untuk  menangani data pada batas yang dapat diterima.</p>
<p style="text-align: justify">Metode pengujian yang terspesialisasi meliputi sejumlah luas  kemampuan perangkat lunak dan area aplikasi. GUI, arsitektur client/  server, dokumentasi dan fasilitas help dan sistem real time  masing-masing membutuhkan pedoman dan tehnik khusus untuk pengujian  perangkat lunak.</p>
<p style="text-align: justify"><strong>Integrasi Top-Down</strong> adalah pendekatan  incremental dengan menggerakkan ke bawah melalui hirarki control,  dimulai dengan control utama. Strategi intergrasi top-down memeriksa  control mayor atau keputusan pada saat awal di dalam proses pengujian.  Pada struktur program yang difaktorkan dengan baik, penarikan keputusan  terjadi pada tingkat hirarki yang lebih tinggi sehingga terjadi lebih  dulu.</p>
<p style="text-align: justify">Strategi top-down kelihatannya tidak sangat rumit, tetapi di  dalam praktenya banyak menimbulkan masalah logistic. Biasanya masalah  ini terjadi jika dibutuhkan pemrosesan di dalam hirarki pada tingkat  rendah untuk menguji secara memadai tingkat yang lebih tinggi.</p>
<p style="text-align: justify">
</p><p style="text-align: justify"><strong>Pengujian Integrasi Bottom-up</strong> memulai  konstruksi dan pengujian dengan modul atomic (modul pada tingkat paling  rendah pada struktur program). Karena modul diintegrasikan dari bawah ke  atas, maka pemrosesan yang diperlukan untuk modul subordinate ke suatu  tuingkat yang diberikan akan selalu tersedia dan kebutuhan akan stub  dapat dieliminasi.</p>
<p style="text-align: justify">
</p><p style="text-align: justify"><strong><em>### Untuk pengujian pada aplikasi web saya, saya lebih cenderung menggunakan pengujian white-box, dimana hanya memperhatikan struktur control program internal, tanpa bisa melakukan pengujian terhadap output ataupun proses yang dilakukan oleh Google Maps API.</em></strong></p>
<p style="text-align: justify"><strong><em>Selain itu juga, saya akan melibatkan beberapa user untuk mencoba memasukkan input secara random, dan melihat apakah hasil / output yang dihasilkan sesuai dengan yang diinginkan. Dan jika terjadi error pada internal web saya, maka saya bisa melakukan debugging, tetapi jika error terjadi di pihak Google Maps Server, maka saya tidak bisa melakukan apa – apa selain menunggu adanya perbaikan dari pihak Google sendiri.</em></strong></p>
<p style="text-align: justify"><strong><em>Dan untuk pengujian stability, avaibility, dan speed rate dalam pengaksesan web dapat dilakukan terhadap web server milik ugm.ac.id ataupun terhadap Google Maps Server, dan hal itu sudah diluar batas kendali saya sebagai developer web. Dan untuk pengujian ini, kita bisa melibatkan beberapa responder / user yang sering berinterakasi dengan web saya, dengan cara melakukan interview ataupun menggunakan lembaran quiztioner.<br>
</em></strong></p>

</div>

<div class="post-tag"><span class="tags"></span></div>
</div>



<div id="post-navigator-single">
<div class="alignleft">«<a href="http://blog.ugm.ac.id/2010/04/22/seri-4-aplikasi-yogyakarta-higher-education-locator-yoghelo/" rel="prev">Seri 4. Aplikasi “Yogyakarta Higher Education Locator (YogHELo)”</a></div>
<div class="alignright"><a href="http://blog.ugm.ac.id/2010/04/22/sequence-diagram-sip-kota-palembang/" rel="next">Sequence diagram SIP Kota Palembang</a>»</div>
</div>




</div>


<div class="main-sidebar" id="right-sidebar">
<div class="sidebar_list">


<div class="widget widget_text">
<div class="textwidget">

<form action="http://blog.ugm.ac.id/" method="get" id="search-form">
<input type="text" id="search-terms" name="search-terms" onfocus="if (this.value == &#39;Search Here&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Search Here&#39;;}">
&nbsp;<input type="submit" name="s" id="search-submit" value="Search">
</form>


</div>
</div>


<div id="text-4" class="widget widget_text"><h2 class="widgettitle">Support Online</h2>			<div class="textwidget"><ul><li><a href="ymsgr:sendIM?ugoscare"><img src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/online" alt="status YM"></a></li> 
<li><a href="ymsgr:sendIM?ugos_team"><img src="./Analisa Sistem   Perangkat Lunak berbasis Web yang menggunakan Google Maps API   Blog.ugm.ac.id_files/online(1)" alt="status YM"></a></li></ul> 
</div>
		</div><div id="wp-spamfree-counter" class="widget widget_spamfree"><h2 class="widgettitle">Spam</h2>	
	<style type="text/css">
	#spamfree_counter_sm_wrap {color:#ffffff;text-decoration:none;width:120px;}
	#spamfree_counter_sm {background:url(http://blog.ugm.ac.id/wp-content/plugins/wp-spamfree/counter/spamfree-counter-sm-bg-1.png) no-repeat top left;height:50px;width:120px;overflow:hidden;border-style:none;color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-weight:bold;line-height:100%;text-align:center;padding-top:11px;}
	</style>
	
	<div id="spamfree_counter_sm_wrap">
		<div id="spamfree_counter_sm">
		<strong style="color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-weight:bold;line-height:100%;text-align:center;text-decoration:none;border-style:none;"><a href="http://www.polepositionmarketing.com/library/wp-spamfree/" style="color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none;border-style:none;" rel="external" title="Protected by WP-SpamFree - WordPress Spam Plugin"><span style="color:#ffffff;font-size:18px;line-height:100%;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none;border-style:none;">82</span><br><span style="color:#ffffff;font-size:10px;line-height:120%;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none;border-style:none;">SPAM BLOCKED</span></a></strong>		</div>
	</div>
	
	</div>

</div><!-- end sidebar list -->
</div><!-- end sidebar -->

</div><!-- end content class -->


<div class="footer" id="footer">
<div class="alignleft">©2011 <a href="http://blog.ugm.ac.id/">Blog.ugm.ac.id</a><br>blog.ugm.ac.id</div>
<div class="alignright">
<a title="BuddyPress Social theme by WPMU Dev" href="http://premium.wpmudev.org/project/buddypress-social-theme">BuddyPress Social</a> theme by <a title="Premium Resources for WordPress MU" href="http://wpmudev.org/">WPMU Dev</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://blog.ugm.ac.id/2010/04/22/analisa-sistem-perangkat-lunak-berbasis-web-yang-menggunakan-google-maps-api/#home-logo">Go back to top ↑</a></div>
</div>


</div><!-- end container -->
</div><!-- end wrapper -->





</body></html>